html{height: 100%}
body{padding-bottom: 60px;background: #f2f2f2;font-family:"Microsoft Yahei", "微软雅黑", "Helvetica Neue", "adobe雅黑", 'helvetica neue', tahoma, 'hiragino sans gb', stheiti, 'wenquanyi micro hei', \5FAE\8F6F\96C5\9ED1, \5B8B\4F53, sans-serif;font-size: 12px;color: #333;min-height:100%;position: relative;}
input,textarea{font-family:"Microsoft Yahei", "微软雅黑", "Helvetica Neue", "adobe雅黑", 'helvetica neue', tahoma, 'hiragino sans gb', stheiti, 'wenquanyi micro hei', \5FAE\8F6F\96C5\9ED1, \5B8B\4F53, sans-serif;}
*{-webkit-box-sizing:border-box;box-sizing:border-box;}
em{font-style: normal;}
.fl{float: left}
.fr{float: right}
.clearfix::after{content: "";display: block; height: 0;clear: both}
.ellipsis_1{display: block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hide{display: none !important}
.col-blue{color: #3399FF}
.col-999{color: #999}
.col-orange{color: #ff6600}

p.inline-block{display: inline-block;margin-right: 10px}

.content{max-width: 1000px;margin: 0 auto}
#logo{width: 100px}
.download-btn{border-radius: 3px;color: #fff;background: #00cc33;display: inline-block;height: 30px;margin-top: 11px;padding: 0 10px;line-height: 30px}
.download-btn:hover{background: #00cc00}

.content .hd{height: 65px;padding:10px }

.searchbox{width: 55%;margin:  0 auto;border-bottom: 2px solid #ccc;height: 50px;position: relative;}
.searchbox input{width: 100%;height: 100%;border: 0;background: none;font-size: 16px;outline: 0 !important}
/*.searchbox .ss{width: 100%;text-align: center;position: absolute;}*/
.searchbox .ss{margin:0 auto; -webkit-transition:.5s;transition:.5s;display:block; width: 0;height: 2px;background: #00cc33}
.searchbox .ss.active{width: 100%}
.searchbox button{position: absolute;width: 50px;height: 100%;background: #ccc;right: 0;top: 0;background: url(../img/search.png) no-repeat;background-size: 100%;cursor: pointer;border: 0;border-radius: none;}

.bar-bread{padding: 15px}
.bar-bread a,.bar-bread span{margin: 0 5px;font-size: 14px}
.bar-bread a:hover{color: #ff6600}
.bar-bread span{color: #ff6600}
/*bar*/
.bar-con{overflow-x:scroll;background: none;margin-top: 30px;}
#bar-list{height: 50px;overflow: hidden;margin: 0 auto}
#bar-list li{float: left;}
#bar-list li a{display: block; padding: 0 14px;height: 50px;line-height: 50px;color: #fcfcfc;background: #00cc33;}
#bar-list li a:hover{background: #009933;}
#bar-list li a.active{background: #009933;}
.bar-second{margin: 15px;}
.bar-second li{float: left;width: 20%;text-align: center}
.bar-second li {cursor: pointer;}
.bar-second li a{font-size: 16px}
.bar-second li a.active{color: #FF6600}
.bar-second li a:hover{color: #FF6600}

#con-list{margin-top: 20px}
/*#con-list li{margin-bottom: 0px}*/
/*#con-list li:last-child{margin-bottom: 0}*/
#con-list li a{display: block;border-top: 1px solid #ddd;padding:5px}
#con-list li a:hover{background: #eee}
#con-list .imgBox{width: 100px;height: 125px;position: relative;}
#con-list .imgBox img{width: 100%;height: 100%;border: 0;}
#con-list .imgBox span{position: absolute;width: 100%;padding: 4px 0;text-align: center;left: 0; bottom: 0;background: rgba(0,0,0,.5);color: #fcfcfc}
#con-list .txt-con{padding-left: 110px}
#con-list .txt-con h3{font-size: 16px;}
#con-list .txt-con .base-info{margin-top: 5px;}
#con-list .txt-con .base-info span{margin-right: 15px}
#con-list .txt-con .level i{display: inline-block;width: 11px;height: 11px;background: url(../img/rating_bg2_0.png) no-repeat;background-size: 100%}
#con-list .txt-con .level i.full{background: url(../img/rating_bg2_2.png) no-repeat;background-size: 100%}
#con-list .txt-con .book_introduction{max-height: 65px;overflow: hidden;} 

#get-more{display: block;color: #666; text-align: center;border-top: 1px solid #ddd;padding: 15px 0;cursor: pointer;background: #eee}

.paging-mobile{display: none}
.paging{padding: 15px 10px;text-align: right}
.paging a{padding: 15px 10px}
.paging a,.paging span{display: inline-block;margin: 0 3px;padding: 5px 10px;border: 1px solid #ddd;border-radius: 2px}
.paging a:hover{border: 1px solid #00cc33;background: #00cc33;color: #fcfcfc}
.paging span{background: #ccc;color: #fcfcfc}
.paging span.pageTxt{display: inline-block;margin: 0 5px;padding: 0;border: 0;background: none;color: #333}
.paging input{width: 50px;height: 26px;padding: 0 2px}
.paging button{width: 50px;height: 26px;border: 1px solid #00cc33;background: #00cc33;cursor: pointer;color: #fcfcfc;border-radius: 2px}
.paging button:hover{}

/*listHTML*/
.chapter-list p{padding: 15px;border-left: 3px solid #00cc33;font-size: 16px;color: #666;margin-top: 30px;margin-bottom: 10px}
.chapter-list li{padding:5px;float: left;width: 25%;margin-top: 5px}
.chapter-list li a{display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding: 5px;text-align: center;border: 1px solid #ddd;}
.chapter-list li a:hover{background: #ff6600;color: #fcfcfc;border: 1px solid #ff6600}
.chapter-detail a{text-decoration: underline !important;}

.detail_tip{text-align: center;color: #999;margin: 20px 0 0;display: none}
#booklist-more{display: none;padding: 5px;line-height: 25px;background: #11cd6e;text-align: center;border-radius: 5px;color: #fff;cursor: pointer;margin: 15px 0}
#booklist-more:hover{opacity: .7}

/*变换背景*/
.blank{color: #fcfcfc;background: #666}
.blank input,.blank textarea,.blank .custom-item{background: #ccc !important}
.blank .chapter-detail{color: #eee;background: }

.change-bg{position: fixed;top: 70px;right: 0;width: 100px;padding: 10px 0;text-align: center;background:#ccc;background: rgba(0,0,0,.6);color: #eee}

.dbtn{margin-top: 20px;padding: 15px}
.dbtn a{display: inline-block;width: 40%;background: #00cc33;text-align: center;padding: 10px 0;color: #fcfcfc}
.dbtn a.disabled{background: #ccc}

/*loading*/
.loading{position: fixed;width: 100%;height: 100%;top: 0;left: 0;}
.loading span{position: absolute;top: 50%;left: 50%;width: 60px;height: 60px;margin-left: -30px;margin-top: -30px;background: url(../img/loading.gif) no-repeat;background-size: 100% 100%}

/*tips*/
.tips{position: fixed;width: 100%;top: 50%;left: 0;text-align: center;display: none}
.tips span{padding:30px 15px;background: #aaa;background: rgba(0,0,0,.8);color: #fcfcfc;display: inline-block;margin-top: -38px;border-radius: 8px;}

.footer{text-align: center;padding: 10px 0;background: #666;color: #fcfcfc;position: absolute;width: 100%;bottom: 0}

/*login*/
.banner{max-width: 100%;margin-top: 10px}

.small-tle{color: #999;font-size: 12px;margin: 20px 0 10px 0}
.platform-box{width: 100%;max-width: 320px;margin: 30px auto;padding: 0 10px;}
.platform-btns a{display: inline-block;width: 60px;height: 60px;margin-right: 20px}
.platform-btns a img{width: 100%;height: 100%;opacity: .2;}
.platform-btns a.active img,.platform-btns a:hover img{opacity: 1;}

.oauth-box{width: 100%;max-width: 320px;margin: 30px auto;padding: 0 10px;}
.oauth-box a{position:relative;z-index: 0; display: block;margin-bottom: 20px; font-size:17px;padding: 12px;padding-left: 90px;border: 1px solid #56abe4;color:#56abe4; border-radius: 3px;width: 100%;display: inline-block;-webkit-tansition:220ms;transition:220ms;}
.oauth-box a .logo-ico{-webkit-tansition:220ms;transition:220ms;}
.oauth-box a:hover{background:#56abe4;}
.oauth-box a:hover .logo-ico{left: 140px;}
.oauth-box a .logo-ico{position: absolute;height: 20px;width: 20px;left: 50px;top: 14px;}
.oauth-box a.btn-qq .logo-ico{background:url(../img/logos/qq.png) no-repeat;background-size: 100% 100%}
.oauth-box a.btn-qq:hover .logo-ico{background:url(../img/logos/qq-w.png) no-repeat;background-size: 100% 100%}

.oauth-box a.btn-weixin{border: 1px solid #11cd6e;color:#11cd6e;}
.oauth-box a.btn-weixin:hover{background:#11cd6e;}
.oauth-box a.btn-weixin .logo-ico{background:url(../img/logos/weixin.png) no-repeat;background-size: 100% 100%}
.oauth-box a.btn-weixin:hover .logo-ico{background:url(../img/logos/weixin-w.png) no-repeat;background-size: 100% 100%}

.oauth-box a.btn-sina{border: 1px solid #ea8010;color:#ea8010;}
.oauth-box a.btn-sina:hover{background:#ea8010;}
.oauth-box a.btn-sina .logo-ico{background:url(../img/logos/sina.png) no-repeat;background-size: 100% 100%}
.oauth-box a.btn-sina:hover .logo-ico{background:url(../img/logos/sina-w.png) no-repeat;background-size: 100% 100%}

.oauth-eve{display: none}

/*booklist*/
.head-tle{padding:10px 15px;border-bottom: 1px solid #00cc66;background: #eee;margin: 20px 0 10px}
.head-tle .txt{font-size: 20px;color: #666}
.nobook{text-align: center;display: none}
.nobook > p{font-size: 16px;color: #999;text-align: center;margin: 20px 0;}
.nobook .qrcode-box .item{display: inline-block;font-size: 14px;color: #333;margin-bottom: 15px}
.nobook .qrcode-box .item img{width: 150px ;height:150px;margin:0 20px;}

.mybooklist{text-align: center}
.mybooklist a{display: inline-block;text-align: center;border: 1px solid #e0e0e0;background: #eee;margin: 10px;-webkit-transition:300ms;transition:300ms;}
.mybooklist a img{width: 120px;height: 150px}
.mybooklist a:hover{background: #00cc66;color: #fff}
/*.mybooklist a:hover img{opacity: .8}*/
.mybooklist a span{padding-bottom: 10px;width: 120px}

.control-btns{text-align: center}
.control-btns.fixbtn{position: fixed;bottom: 36px;width: 100%;left: 0}
.control-btns.text-r{text-align: right;}
.control-btns a{display: inline-block;width: 160px;text-align: center;padding: 5px 0;font-size: 16px;color: #fff;background: #11cd6e;border-radius: 5px;margin: 5px 5px}
.control-btns a:hover{opacity: .7}
.control-btns a img{width: 20px;vertical-align: middle;}
.control-btns a.chapter-cp{background: #56abe4}
.control-btns a.chapter-ct{background: #ea8010}
.control-btns a.chapter-del{background: #CC3333;}
.control-btns a.chapter-store{background: #9d55b8;}
.control-btns a.chapter-del.hide{display: none}

.custom-box .custom-item{background: #fff;padding: 15px;margin-top: 20px;border-radius: 5px}
.custom-box .custom-item input,.custom-box .custom-item textarea{display: block;width: 100%;padding: 5px;border: 0;background: #fff;outline: none}
.custom-box .custom-item input{border-bottom: 1px solid #e0e0e0;padding-bottom: 15px;font-size: 18px}
.custom-box .custom-item textarea{padding-top: 15px;font-size: 14px}
.custom-box .custom-item .btns{text-align: right;margin-top: 15px}
.custom-box .custom-item a{display: inline-block;margin-right: 30px;padding: 3px 15px;background: #56abe4;border-radius: 3px;text-align: center;color: #fff}
.custom-box .custom-item a.del{background: #eb4f38}
.custom-box .custom-item a:hover{opacity: .9}

.custom-box-add .custom-item{border: 3px solid #11cd6e}
.custom-box-add{display: none}

.custom-info-box{margin-top: 18px}
.custom-info-box a{color: #FF0033;float: left;margin-right: 10px;margin-left: 10px}
.custom-info-box span{width: 70px;float: left;text-align: right}
/*预览*/
.pop-view{position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 1000;background: rgba(0,0,0,.6);display: none}
.pop-view.h-zindex{z-index: 99999999}
.pop-view-con{max-width: 1000px;margin: 0 auto;background: #fff;height: 100%;padding:40px 15px 15px}
.pop-view .pop-view-tle{font-size: 18px;color: #333;text-align: center;margin: 0 20px 10px}
#pop-view-txt{font-size: 16px;width: 100%;height: 100%;border: 0;padding-bottom: 30px}
.pop-view .layermend{right: 15px}
.pop-view .layermend::after, .pop-view .layermend::before{width: 40px;left: -10px;background: #ccc}
.pop-view-con,#pop-view-txt{background-color: rgb(235, 235, 228);}

/*下载引导页*/
.download-guide{position: fixed;top: 0;left: 0;width: 100%;max-width: 170px;background: #e0e0e0;display: block;padding-top: 40px;z-index: 100;margin-top: 30px}
.download-guide .download-guide-con > a{padding: 10px;text-decoration: underline;display: inline-block;}
.download-guide .download-guide-con .item img{width: 120px;height: 120px}

/*浏览器引导下载页*/
.check-broswer{position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: #f5f5f5;z-index: 10000}
.check-broswer .top-ss span{float: left;width: 33.3333%;height: 5px;}
.check-broswer .top-ss span.one{background: #eb4f38}
.check-broswer .top-ss span.two{background: #f4c600}
.check-broswer .top-ss span.three{background: #11cd6e}
.check-broswer .check-broswer-con{width: 900px;margin: 0 auto}
.check-broswer .check-broswer-con .tip-txt{font-size: 20px;color: #999;margin: 70px 10px 40px}
.check-broswer .check-broswer-con .check-broswer-item{float: left;width: 300px;background: #fff;position: relative;height: 150px;color: #666;overflow: hidden;}
.check-broswer .check-broswer-con .check-broswer-item h3{font-size: 20px;padding:20px 15px 5px 15px;}
.check-broswer .check-broswer-con .check-broswer-item p{font-size: 16px;padding: 0 15px 15px 15px}
.check-broswer .check-broswer-con .check-broswer-item a{display: block;width: 90px;height: 30px;line-height: 30px;text-align: center;margin: 0 auto;background: #56abe4;color: #fff}
.check-broswer .check-broswer-con .check-broswer-item a:hover{background: #567ee4;}
.check-broswer .check-broswer-con .item-img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #f5f5f5;text-align: center}
.check-broswer .check-broswer-con .item-img img{height: 120px;margin-top: 25px}

.tip-tle{padding: 3px 10px}

@media screen and (max-width: 720px) {
	.searchbox{width: 45%}
}
@media screen and (max-width: 600px) {
	.searchbox{position: absolute;width: 96%;margin: 0 auto;top: 80px;left: 2%}
	.bar-con{margin-top: 80px}
	.chapter-list li{width: 100%;margin-top: 0}
	.bar-second li span:hover{color: #333}
	#bar-list li a:hover{background: #00cc33;}
	#con-list li a:hover{background: none}
	.chapter-list li a:hover{background: none;color: #333;border: 1px solid #ddd}

	p.inline-block{display: block}
	p.list-pc{display: none}

	.paging-mobile{display: block}
	.paging{display: none}

}